<template>
  <div class="oilEnter-container">
    <van-nav-bar
      class="app-nav-bar"
      title="加油站记账"
      left-arrow
      @click-left="$router.back()"
    />
    <div class="cell-box">
      <van-cell is-link title="进油信息填写" @click="toPath('oilInlet')"/>
      <van-cell is-link title="售油信息填写" @click="toPath('oilSale')"/>
      <van-cell is-link title="车辆加油明细" @click="toPath('oilDetailed')"/>
      <van-cell is-link title="查看盈利情况" @click="toPath('oilProfit')"/>
    </div>
  </div>
</template>

<script>
export default {
  name: 'oilEnterIndex',
  components: {},
  props: {},
  data () {
    return {}
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {
    toPath (v) {
      this.$router.push(`/oilEnter/${v}`)
    }
  }
}
</script>

<style scoped lang="scss">
.cell-box {
  padding: 0 10px;
}
.van-cell {
  border-radius: 10px;
  margin: 16px 0;
  // background-color: rgba(102, 137, 253, 0.9);
  height: 45px;
}
.tab_field {
  padding: 0 10px;
}
// .van-button--normal {
//     padding: 0 0.4rem;
//     font-size: 0.37333rem;
//     border-radius: 10px;
// }
.field-btn {
  border-radius: 10px;
  background-color: rgba(25, 137, 250, 0.7);
}
</style>
